@import '../../../styles/theme';

.v-page-runner {
  .runner-box {
    display: flex;

    &-left {
      flex: 1;
      padding: 10px;
    }

    &-right {
      flex: 1;
      padding: 10px;
    }

    &-input {
      width: 100%;
    }
    &-btn-running {
      padding: 0 10px;
      display: flex;
      justify-content: flex-end;
    }
    &-result,
    &-input {
      height: 700px;
      padding: 0.5em;
      border: 1px solid #e2e2e2;
      border-radius: 2px;
      resize: none;
      &:focus {
        border-color: @v-theme-primary-color;
      }
    }
    &-input {
      font-size: 34px;
      color: #1392ff;
    }
    &-result {
      width: 100%;
      font-size: 40px;
      color: #f00;
    }
  }
}
